<template>
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
        <van-tabbar-item name="home" icon="home-o" replace to="/">主页</van-tabbar-item>
        <van-tabbar-item name="service" icon="service-o" replace to="/about">播客</van-tabbar-item>
        <van-tabbar-item name="music" icon="music-o" replace to="/about">我的</van-tabbar-item>
        <van-tabbar-item name="smile" icon="smile-o" replace to="/about">关注</van-tabbar-item>
        <van-tabbar-item name="friends" icon="friends-o" replace to="/about">社区</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active: 0,
        };
    },
};
</script>